Scrapbox viz
Scrapbox in Electron (sbe)
のページ一覧を PWA に切り出す。ページ間のグラフ構造可視化の機能も追加する。
Scrapbox ページ一覧と Graph 可視化のプロト PWA 作成 - kondoumh のブログ
Scrapbox の API は CORS 許可してないので、プロキシとなる API を作る。Lambda ベースの
Netlify Functions
を利用。
Netlify Functions を PWA のバックエンドで使う - kondoumh のブログ
バッチ
sbgraph
を使用
GitHub Actions でグラフデータ作成処理を、定期実行・手動実行
GitHub - kondoumh/sb-graph-kondoumh: Workflow for generating graph data of Scrapbox pages
API
Scrapbox API で取得した JSON を返す Netlify Functions
UI
Vue
+
Vuetify
GitHub - kondoumh/sb-data-kondoumh: Scrapbox data site repo
実際のページはブラウザや Scrapbox の PWA で閲覧
https://sb-data-kondoumh.netlify.app
こんな感じの構成
https://gyazo.com/960ac22886f7d288bef5afa04f78fc65
#Dev